
    /*
        Colours (from http://www.colourlovers.com/palette/92095/Giant_Goldfish)

            #69D2E7 - Blue
            #A7DBD8 - Pondwater
            #E0E4CC - Green
            #F38630 - Mid Orange
            #FA6900 - Dark Orange

    */

    /* Global
    ----------------------------------------------- */

        html {
            margin: 0;
            padding: 0;
        }

        body {
            font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
            font-size: 80%;
            line-height: 1.7;
            text-align: center;
            color: #46473B;
            background: #DDDFDD;
            margin: 0;
            padding: 0 0 20px 0;
        }

            body * {
                font-size: 100%;
                text-align: left;
            }

        p {
            margin: 0 0 1em 0;
        }

        input, textarea, select {
            font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
            padding: 3px 5px;
        }

        sup {
            vertical-align: middle;
            position: relative;
            top: -0.7em;
            font-size: 0.8em;
        }

        wbr:after { content: "\00200B" }

        code {
            margin: 0;
            padding: 0;
            display: block;
            font-family: monospace;
        }


    /* Links
    ----------------------------------------------- */

        a, .hoverbox div a, .hoverbox div a:link {
            border-bottom: 1px dotted #F38630;
            color: #F38630;
            margin-bottom: 0;
            text-decoration: none;
        }

            a:visited, .hoverbox div a:visited {
                color: #FA6900;
                border-bottom: 1px dotted #FA6900;
            }

            a:hover, .hoverbox div a:hover {
                border-bottom-style: solid;
                color: #FA6900;
                border-color: #FA6900;
            }

            a:focus, #footer a:focus, .hoverbox div a:focus {
                /*background: #E0E4CC;*/
            }

            a:active, .hoverbox div a:active {
                /*background: #E0E4CC;*/
            }

            a.imagelink,
            a.imagelink:visited,
            a.imagelink:hover,
            a.imagelink:focus,
            a.imagelink:active,
            a.imagelink:link,
            .imagelink a,
            .imagelink a:visited,
            .imagelink a:hover,
            .imagelink a:focus,
            .imagelink a:active,
            .imagelink a:link,
            a#fancybox-close,
            a#fancybox-close:visited,
            a#fancybox-close:hover,
            a#fancybox-close:focus,
            a#fancybox-close:active,
            a#fancybox-close:link,
            a#fdbk_tab,
            a#fdbk_tab:visited,
            a#fdbk_tab:hover,
            a#fdbk_tab:focus,
            a#fdbk_tab:active,
            a#fdbk_tab:link {
                border-bottom: none;
                text-decoration: none;
            }


    /* Structure
    ----------------------------------------------- */

        #content {
            padding: 0;
            margin: 0;
            text-align: center;
        }

            #content #content_inner {
                padding: 0;
                /*overflow: hidden;*/
                text-align: left;
                margin: 0 auto;
                padding: 0;
                width: 980px;
                background: #ffffff;
            }

            #content #content_inner .content_left {
                float: left;
                width: 300px;
            }

            #content #content_inner .content_right {
                float: left;
                width: 300px;
                margin-left: 20px;
            }

            #subnav {
                margin: 0 20px 20px 20px;
                padding: 20px 0;
                border-bottom: 1px dotted #E0E4CC;
            }

                #subnav h1 {
                    margin: 0;
                    padding: 0;
                }

                    #subnav ul {
                        margin: 10px 0 0;
                        padding: 0;
                        list-style: none;
                        list-style-type: none;
                        line-height: 20px;
                    }

                        #subnav ul li {
                            float: left;
                            padding: 0 10px;
                            margin: 5px 0;
                            border-right: 1px solid #ccc;
                        }

                            #subnav ul li:first-child {
                                padding-left: 2px;
                            }

                            #subnav ul li:last-child {
                                border-right: none;
                            }

                            #subnav ul li a {
                                /*color: #86AFAD;
                                border-color: #86AFAD;*/
                            }

            #body {
                float: left;
                display: inline;
                margin: 0;
                padding: 0;
            }

                #body #body_inner {
                    width: 640px;
                    /*overflow: hidden;*/
                }

                    #body #body_inner #body_shadow {
                        margin: 20px;
                        padding: 0 0 50px 0;
                        /*overflow: hidden;*/
                        width: 620px;
                    }

                    #body_wide {
                    }

                        #body_wide #body_wide_inner {
                            padding: 20px;
                        }

            #sidebar {
                float: right;
                display: inline;
                width: 300px;
                margin: 0 20px 0 0;
                padding: 20px 0 0 0;
                /*overflow: hidden;*/
                color: #999;
            }

            #sidebar.sidebar_preview {
                color: #332717;
            }

                #sidebar_inner {
                    margin: 0;
                    padding: 0;
                }

                .sidebar a {
                    color: #BBBBBB;
                    border-color: #BBBBBB;
                }

                .sidebar_box .sidebar_box_row.sidebar_login_buttons {
                    padding: 15px 0 0 0;
                    text-align: center;
                }

                    .sidebar_login_buttons img {
                        margin: 0 0 5px 0;
                    }

            .sidebar_box {
                padding: 0 0 20px 0;
                margin: 0 0 15px 0;
            }

                .sidebar_box .sidebar_box_row {
                    clear: both;
                    padding: 5px 10px 0;
                }

                    .sidebar_box .sidebar_box_row a {
                        margin: 0;
                        padding: 0;
                        line-height: 1;
                    }

                    .sidebar_box h4 {
                        margin: 0;
                        padding: 0 8px;
                        line-height: 32px;
                        border-bottom: 1px dotted #86AFAD;
                        color: #86AFAD;
                    }

                .sidebar_box .sidebar_box_first_row {
                    border-bottom: none;
                    font-weight: bold;
                }
                .sidebar_box .sidebar_box_last_row {
                    border-bottom: none;
                }

        #sidebar h5 {
            padding: 8px 8px 0 8px;
            margin: 0;
        }

        #sidebar ul.sidebar_favourites_list {
            margin: 0;
            padding: 0 8px;
            list-style: none;
            list-style-type: none;
        }

            .sidebar ul.sidebar_favourites_list li {
            }

                .sidebar ul.sidebar_favourites_list li a {
                }

        ul.small_content_list, .left_block ul.small_content_list, .right_block ul.small_content_list {
            margin: 0;
            padding: 0;
            list-style: none;
            list-style-type: none;
        }

            ul.small_content_list li, .left_block ul.small_content_list li, .right_block ul.small_content_list li {
                margin: 0;
                list-style: none;
                list-style-type: none;
                padding: 5px 8px;
                background: none;
                border-bottom: 1px dotted #eee;
                border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
            }

                ul.small_content_list li:last-child, .left_block ul.small_content_list li:last-child, .right_block ul.small_content_list li:last-child {
                    border-bottom: none;
                }


    /* Header
    ----------------------------------------------- */

        #header {
            margin: 0;
            padding: 0;
            text-align: center;
            /*border-top: 7px solid #86AFAD;*/
            background: #222;
        }

            #header #header_inner {
                text-align: left;
                margin: 0 auto;
                padding: 0;
                width: 980px;
                line-height: 69px;
                height: 69px;
                background: #333;
                /*border-top: 7px solid #86AFAD;*/
            }

                #screen #header #header_inner {
                    width: 100%;
                }



    /* Navigation
    ----------------------------------------------- */

        #header nav ul {
            line-height: 40px;
            list-style: none;
            list-style-type: none;
            border: none;
            margin: 19px 0 0 10px;
            padding: 0;
            float: right;
            z-index: 100;
        }

            #header nav ul li {
                float: left;
                margin: 0;
                padding: 0;
                position:relative;
                z-index: 500;
                background: none;
            }

            #header nav ul li a:hover, #header nav ul li.on a, #header nav ul:hover li.on:hover {
                border-bottom: 2px solid #86AFAD;
            }

                #header nav ul li:hover a, #header nav ul li.on a, #header nav ul:hover li.on:hover a {
                    color: #FFFFFF;
                }

                #header nav ul:hover li.on a {
                    background: none;
                    border-bottom: none;
                }

                    #header nav ul:hover li.on a {
                        color: #FFFFFF;
                        background: none;
                    }

            #header nav ul a, #header nav ul a:visited {
                border-right: 1px solid #444;
            }

            #header nav ul a.last, #header nav ul li:last-child a {
                border-right: none;
            }

        #header nav a, #header nav a:visited {
            border: 0;
            text-decoration: none;
            display: block;
            float: left;
            margin: 0;
            padding: 5px 10px;
            line-height: 21px;
            /*height: 31px;*/
            color: #86AFAD;
        }

        #header #user_info a, #header #user_info a:visited {
            border: 0;
            text-decoration: none;
            display: block;
            float: left;
            margin: 0;
            padding: 5px 10px;
            line-height: 21px;
            /*height: 31px;*/
            color: #CFCCCC;
        }

            #header #user_info #user_dropdown a, #header #user_info #user_dropdown a:visited {
                border-bottom: 1px dotted #fff;
                text-decoration: none;
                display: inline;
                float: none;
                margin: 0;
                padding: 0;
                line-height: 1.7;
                /*height: 31px;*/
                color: #FFF;
            }

                #header #user_info #user_dropdown a:hover {
                    border-bottom-style: solid;
                }

            #header #user_info #user_dropdown li {
                background-position: 0 3px;
                padding-left: 22px;
            }

        #header a.logolink, #header a.logolink:visited, #header a.logolink:focus, #header a.logolink:active {
            border: 0;
            text-decoration: none;
            float: left;
            padding: 5px 10px;
            display: block;
            width: 156px;
            margin: 17px 0 0 10px;
            line-height: 1;
            background: none;
        }

        #user_dropdown {
            display: none;
            color: #fff;
            position: absolute;
            top: 100%;
            right: 0;
            width: 400px;
            background: #86AFAD;
            padding: 30px;
            z-index: 1000;
            box-shadow: 0 0 5px #333;
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
        }

            #user_dropdown .biptych1, #user_dropdown .biptych2 {
                width: 45%;
            }

            #user_dropdown ul {
                border-bottom: 1px solid rgba(0, 0, 0, 0.1);
                margin-bottom: 20px;
                padding-bottom: 20px;
            }

                #user_dropdown ul:last-child {
                    border-bottom: none;
                    margin-bottom: 0;
                    padding-bottom: 0;
                }

                #user_dropdown ul li {
                    line-height: 1.7;
                    margin: 0 0 0 0;
                }




            img.gravatar {
                padding: 2px;
                background: #fff;
                -webkit-box-shadow: #666 0 0 3px;
                -moz-box-shadow: #666 0 0 3px;
                box-shadow: #666 0 0 3px;
            }

    /* Footer
    ----------------------------------------------- */


        #footer {
            margin: 0;
            padding: 150px 0 20px 0;
            color: #62683A;
            background: #DDDFDD url('/images/body_tail.png') 50% 0 no-repeat;
        }

            #footer #footer_inner {
                padding: 0;
                /*overflow: hidden;*/
                text-align: left;
                margin: 0 auto;
                padding: 0;
                width: 980px;
            }

            #footer a {
                color: #62683A;
                border-color: #62683A;
            }

            #footer .sidebar_box h4, #footer h2 {
                margin: 0;
                padding: 0 8px;
                line-height: 32px;
                background: #C9CDB0;
                color: #62683A;
                border-radius: 3px;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-bottom: none;
            }

            #footer .legal {
                margin-top: 50px;
                padding: 30px;
                border-top: 1px solid #C9CDB0;
                font-size: 90%;
            }

                #footer .legal, #footer .legal a {
                    color: #62683A;
                    border-color: #62683A;
                }



    #intro {
        font-family: 'Noto Serif', serif;
        text-align: center;
        padding: 50px 100px;
    }
        #intro h1 {
            text-align: center;
            color: inherit;
            font-size: 3em;
        }
        #intro p {
            text-align: center;
            color: inherit;
            font-size: 2em;
        }




    h1 {
        display: block;
        font-size: 2em;
        font-weight: normal;
        font-family: Georgia, Times, serif;
        margin: 0 0 0.67em 0;
        padding: 0;
        line-height: 1;
        color: #86AFAD;
    }

        h1 .subhead {
            font-size: 0.8em;
            color: #46473B;
        }

        h1.outside_body {
            margin: 0 0 1em 30px;
        }

    h2 {
        display: block;
        margin: 35px 0 0.625em 0;
        border-bottom: 1px dotted #86AFAD;
        color: #86AFAD;
        padding: 0 8px;
        line-height: 32px;
    }

        h2.notopmargin {
            margin-top: 0;
        }

        h2 a, h2 a:link, h2 a:visited, h2 a:hover, h2 a:focus {
            color: #86AFAD;
            border-color: #86AFAD;
        }



    /* Text Effects
    ----------------------------------------------- */

        .upper {
            text-transform: uppercase;
        }

        .lower {
            text-transform: lowercase;
        }


    /* Tags and Body
    ----------------------------------------------- */

        img {
            border: 0;
        }



    /* Login
    ----------------------------------------------- */

        #sidebar_form {
            padding: 0;
            margin: 0;
        }

            #sidebar_form fieldset {
                border: 0;
                padding: 0;
                margin: 0;
            }

            #sidebar_form label {
                float: left;
                width: 90px;
                margin-right: 10px;
                text-align: right;
            }

            #sidebar_form input.with_width {
                width: 140px;
            }

            #login_button {
                margin-left: 100px;
            }

            .facebook_button {
                background: url('/images/signin_facebook.png') top left no-repeat;
                vertical-align: middle;
            }

                .facebook_button:hover, .facebook_button:focus {
                    background: url('/images/signin_facebook.png') 0 -24px no-repeat;
                }

                .facebook_button:active {
                    background: url('/images/signin_facebook.png') 0 -48px no-repeat;
                }

            .twitter_button {
                background: url('/images/signin_twitter.png') top left no-repeat;
                vertical-align: middle;
            }

                .twitter_button:hover, .twitter_button:focus {
                    background: url('/images/signin_twitter.png') 0 -24px no-repeat;
                }

                .twitter_button:active {
                    background: url('/images/signin_twitter.png') 0 -48px no-repeat;
                }


    /* Focus Box
    ----------------------------------------------- */

        .focus_block {
            background: #6788D4;
            color: #fff;
            padding: 6px 12px;
        }

            .focus_block p {
                margin: 0 0 4px 0;
            }

            .focus_block fieldset {
                margin: 0;
                border: 0;
                padding: 0;
            }


    /* Two-col Content
    ----------------------------------------------- */

        .block_wrapper {
            width: 100%;
            margin: 0 0 20px 0;
        }

        .left_block {
            clear: left;
            float: left;
            width: 300px;
        }

            .block_wrapper_wide .left_block {
                clear: left;
                float: left;
                width: 620px;
            }

        .right_block {
            clear: right;
            float: right;
            width: 300px;
        }

        .left_block p,
        .right_block p {
            margin: 0 8px 1.5em 8px;
        }

        .left_block ul,
        .right_block ul {
            margin: 0 0 1.5em 0;
            padding: 0 0 0 15px;
        }

        .left_block li,
        .right_block li {
            margin: 0 8px 0 8px;
        }

        div.padded {
            margin: 0 8px;
        }

        p.padded {
            margin: 0 8px 1em 8px;
        }


    /* Exceptions
    ----------------------------------------------- */

        p.description {
            margin-left: 0;
            margin-right: 0;
        }


    /* Useful
    ----------------------------------------------- */

        .off {
            display: none;
        }

        .clear {
            clear: both;
        }

        .cl {
            clear: left;
        }

        .cr {
            clear: right;
        }

        .fl {
            float: left;
        }

        .fr {
            float: right;
        }

        .fn {
            float: none;
        }

        .center, .tac {
            text-align: center;
        }

        .right, .tar {
            text-align: right;
        }

        .left, .tal {
            text-align: left;
        }


    /* Dividers
    ----------------------------------------------- */

        .greyline {
            clear: both;
            margin: 20px;
            border-bottom: 1px solid #E0E4CC;
        }


    /* Content Preview
    ----------------------------------------------- */

        table.content_block_preview, table.listing_table {
            border-collapse: collapse;
            margin: 0;
            width: 100%;
            border-bottom: 3px solid #E0E4CC;
        }

        table.listing_table  {
            margin: 0 0 1em 0;
        }

            table.content_block_preview tr, table.listing_table tr {
            }

                table.content_block_preview tr th, table.listing_table tr th {
                    text-align: center;
                    padding: 3px 8px;
                    background: #E0E4CC;
                }

                table.content_block_preview tr th, table.listing_table tr.group th {
                    background: none;
                    padding: 13px 8px 3px 8px;
                    border-bottom: 1px solid #E0E4CC;
                }

                table.content_block_preview tr td, table.listing_table tr td {
                    vertical-align: top;
                    padding: 3px 8px;
                }

                table.content_block_preview tr.altrow td, table.listing_table tr.altrow td {
                    background: #F0F2E6;
                }


    /* Cheat Sheet List
    ----------------------------------------------- */

        .cheat_sheet_row, .left_block p.cheat_sheet_row, .right_block p.cheat_sheet_row {
            /*border-top: 1px solid #F0F2E6;*/
            border-bottom: 1px solid #F0F2E6;
            padding: 9px 15px;
            margin: 0;
        }

            .cheat_sheet_row {
                color: #999;
                font-size: 90%;
            }

                .cheat_sheet_row a {
                    color: #999;
                    border-color: #999;
                }

                    .altrow a {
                        color: #999;
                        border-color: #999;
                    }

                    .cheat_sheet_row strong a {
                        font-size: 110%;
                        color: #F38630;
                        border-color: #F38630;
                    }

            .altrow {
                background: #F0F2E6;
            }

        p.rss_link {
            padding: 9px 15px;
            margin: 0 0 8px 0;
            line-height: 28px;
        }

        .rss_link img {
            margin: 0 10px 0 0;
            vertical-align: middle;
        }

            .rss_link a {
                color: #F38630;
                border: none;
                text-decoration: underline;
            }

        p.switch, p.add, p.delete, p.info , p.star_add, p.star_delete, p.star {
            padding: 9px 15px 9px 35px;
            margin: 0 0 8px 0;
            line-height: 28px;
        }

        p.switch {
            background: url('/images/icons/arrow_switch.png') 15px 50% no-repeat;
        }

        p.add {
            background: url('/images/icons/add.png') 15px 50% no-repeat;
        }

        p.delete {
            background: url('/images/icons/delete.png') 15px 50% no-repeat;
        }

        p.info {
            background: url('/images/icons/information.png') 15px 50% no-repeat;
        }

        p.previous{
            padding: 9px 15px 9px 35px;
            margin: 0 0 8px 0;
            line-height: 28px;
            float: left;
            width: 40%;
            background: url('/images/icons/arrow_left.png') 15px 50% no-repeat;
        }

        p.next {
            padding: 9px 20px 9px 15px;
            margin: 0 15px 8px 0;
            line-height: 28px;
            float: right;
            text-align: right;
            width: 40%;
            background: url('/images/icons/arrow_right.png') 100% 50% no-repeat;
        }

        .button_add {
            background: url('/images/icons/add.png') 5px 50% no-repeat;
            padding: 5px 5px 5px 25px;
            border-radius: 3px;
            margin: 0;
            display: block;
        }

        #subnav ul li.icon, .icon {
            padding-left: 32px;
        }

        #subnav ul li.icon:first-child {
            background-position: 2px 50%;
            padding-left: 24px;
        }

        ul {
            padding-left: 10px;
            list-style: none;
            list-style-type: none;
        }

            ul li {
                padding-left: 32px;
                background: url('/images/icons/bullet_blue.png') 10px 3px no-repeat;
            }

            ul li.on {
            }

            ul.noicon {
            }

                ul.noicon li {
                    padding-left: 10px;
                    background: none;
                }

        .icon_medal {
            background: url('/images/icons/award_star_gold_3.png') 10px 3px no-repeat;
        }

        .icon_star_add {
            background: url('/images/icons/award_star_add.png') 10px 3px no-repeat;
        }

        .icon_star_delete {
            background: url('/images/icons/award_star_delete.png') 10px 3px no-repeat;
        }

        .icon_tick {
            background: url('/images/icons/tick.png') 10px 3px no-repeat;
        }

        .icon_cross {
            background: url('/images/icons/cross.png') 10px 3px no-repeat;
        }

        .icon_pdf {
            background: url('/images/icons/pdf.png') 10px 3px no-repeat;
        }

        .icon_comments {
            background: url('/images/icons/comments.png') 10px 3px no-repeat;
        }

        .icon_add {
            background: url('/images/icons/add.png') 10px 3px no-repeat;
        }

        .icon_calendar {
            background: url('/images/icons/calendar.png') 10px 3px no-repeat;
        }

        .icon_user {
            background: url('/images/icons/user.png') 10px 3px no-repeat;
        }

        .icon_key {
            background: url('/images/icons/key.png') 10px 3px no-repeat;
        }

        .icon_pen {
            background: url('/images/icons/pencil.png') 10px 3px no-repeat;
        }

        .icon_tex {
            background: url('/images/icons/tex.png') 10px 3px no-repeat;
        }

        .icon_help {
            background: url('/images/icons/help.png') 10px 3px no-repeat;
        }

        .icon_heart_delete {
            background: url('/images/icons/heart_delete.png') 10px 3px no-repeat;
        }

        .icon_heart_add {
            background: url('/images/icons/heart_add.png') 10px 3px no-repeat;
        }

        .icon_heart {
            background: url('/images/icons/heart.png') 10px 3px no-repeat;
        }

        .icon_magnifier {
            background: url('/images/icons/magnifier.png') 10px 3px no-repeat;
        }

        .icon_edit {
            background: url('/images/icons/page_white_edit.png') 10px 3px no-repeat;
        }

        .icon_delete {
            background: url('/images/icons/delete.png') 10px 3px no-repeat;
        }

        .icon_tag {
            background: url('/images/icons/tag_orange.png') 10px 3px no-repeat;
        }

        .icon_group {
            background: url('/images/icons/group.png') 10px 3px no-repeat;
        }

        .icon_world {
            background: url('/images/icons/world.png') 10px 3px no-repeat;
        }

        .icon_house {
            background: url('/images/icons/house.png') 10px 3px no-repeat;
        }

        .icon_table {
            background: url('/images/icons/table.png') 10px 3px no-repeat;
        }

        .icon_tableadd {
            background: url('/images/icons/table_add.png') 10px 3px no-repeat;
        }

        .icon_tableedit {
            background: url('/images/icons/table_edit.png') 10px 3px no-repeat;
        }

        .icon_tablesave {
            background: url('/images/icons/table_save.png') 10px 3px no-repeat;
        }

        .icon_star {
            background: url('/images/icons/star.png') 10px 3px no-repeat;
        }

        .icon_link {
            background: url('/images/icons/link.png') 10px 3px no-repeat;
        }

        .icon_new {
            background: url('/images/icons/new.png') 10px 3px no-repeat;
        }

        .icon_topics {
            background: url('/images/icons/cup.png') 10px 3px no-repeat;
        }

        .icon_feed {
            background: url('/images/icons/feed.png') 10px 3px no-repeat;
        }

        .icon_blog {
            background: url('/images/icons/newspaper.png') 10px 3px no-repeat;
        }

        .icon_twitter {
            background: url('/images/icons/twitter.png') 10px 3px no-repeat;
        }

        .icon_facebook {
            background: url('/images/icons/facebook.png') 10px 3px no-repeat;
        }

        .icon_door {
            background: url('/images/icons/door.png') 10px 3px no-repeat;
        }

        .icon_back {
            background: url('/images/icons/arrow_left.png') 10px 3px no-repeat;
        }

        .icon_forward {
            background: url('/images/icons/arrow_right.png') 10px 3px no-repeat;
        }

        .icon_monitor {
            background: url('/images/icons/monitor.png') 10px 3px no-repeat;
        }

        .icon_blank {
            background: none;
        }

        .icon_default {
            background: url('/images/icons/bullet_blue.png') 10px 3px no-repeat;
        }

        .icon_download {
            background: url('/images/icons/disk.png') 10px 3px no-repeat;
        }

        .icon_email {
            background: url('/images/icons/email_go.png') 10px 3px no-repeat;
        }

        .icon_email_off {
            background: url('/images/icons/email_off.png') 10px 3px no-repeat;
        }

        .icon_refresh {
            background: url('/images/icons/arrow_rotate_clockwise.png') 10px 3px no-repeat;
        }

        .edit_menu ul li {
            padding-left: 22px;
            background: url('/images/icons/bullet_blue.png') 0 3px no-repeat;
        }

            .edit_menu .icon_edit {
                background: url('/images/icons/page_white_edit.png') 0 3px no-repeat;
            }

            .edit_menu .icon_move {
                background: url('/images/icons/arrow_out.png') 0 3px no-repeat;
            }

            .edit_menu .icon_delete {
                background: url('/images/icons/delete.png') 0 3px no-repeat;
            }

        /* Validation errors */
        ul.error {
            margin: 10px 10px 0 210px;
            list-style: none;
            list-style-type: none;
            color: #fff;
            padding: 5px 8px;
            background: #DC7872;
            background: rgba(200, 0, 0, 0.5);
        }

            ul.error li {
                padding-left: 22px;
                background: url('/images/icons/error.png') 0 3px no-repeat;
            }

        /* Get Satisfaction */

        .gsfn_topic_list .time {
            display: block;
            color: #999;
            padding-bottom: 15px;
        }

        .gsfn_praise {
            background: url('/images/icons/heart.png') 10px 3px no-repeat;
        }

        .gsfn_idea {
            background: url('/images/icons/lightbulb.png') 10px 3px no-repeat;
        }

        .gsfn_question {
            background: url('/images/icons/help.png') 10px 3px no-repeat;
        }

        .gsfn_problem {
            background: url('/images/icons/error.png') 10px 3px no-repeat;
        }



    /* Forms
    ----------------------------------------------- */

        form.pageForm {

        }

            form.pageForm fieldset {
                border: 1px solid #E0E4CC;
                background: #F0F2E6;
                padding: 30px;
                margin: 10px 20px;
            }

            form.pageForm legend {
                border: 1px solid #E0E4CC;
                border-radius: 5px;
                background: #E0E4CC;
                padding: 8px 16px;
                font-weight: bold;
            }

        .formrow {
            padding: 10px 0;
            border-radius: 5px;
        }

            .formrow:hover {
                background: #E0E4CC;
            }

        .buttonrow {
            padding: 10px 0;
        }


            .buttonrow button {
                margin: 0 0 0 210px;
            }

        .formrow label {
            float: left;
            width: 200px;
            margin-right: 10px;
            text-align: right;
        }

        .formrow input, .formrow textarea {
            float: left;
            width: 200px;
        }

            .formrow .radiooptions {
                width: 200px;
                float: left;
            }

            .formrow .optiontext {
                width: 180px;
                float: right;
            }

            .formrow .radiooptions input {
                width: auto;
                margin: 5px 0 0 0;
            }

        p.forminfo {
            background: url('/images/icons/information.png') 0 3px no-repeat;
            width: 16px;
            height: 19px;
            position: relative;
            line-height: 19px;
            margin: 0 0 0 10px;
            padding: 0;
            float: left;
        }

            p.forminfo.valid {
                background: url('/images/icons/tick.png') 0 3px no-repeat;
            }

            p.forminfo.invalid {
                background: url('/images/icons/cross.png') 0 3px no-repeat;
            }

            p.forminfo span {
                display: none;
                position: absolute;
                top: 0; left: 22px;
                width: 200px;
                color: #46473B;
                background: #E0E4CC;
                border-radius: 5px;
                border: 1px solid #fff;
                padding: 10px 16px;
                line-height: 1.25;
                box-shadow: 0 0 5px #333;
            }

        #comment_form_url {
            display: none;
        }


    /* Download
    ----------------------------------------------- */

        table.download_table {
            line-height: 25px;
            border-collapse: collapse;
            margin: 0 5% 1em 5%;
            width: 90%;
            border-top: 1px solid #FFFFFF;
            border-left: 1px solid #FFFFFF;
        }

            table.download_table tr th {
                width: 40%;
                font-weight: normal;
                text-align: left;
                padding: 3px 8px;
                background: #E0E4CC;
                border-right: 1px solid #FFFFFF;
                border-bottom: 1px solid #FFFFFF;
                color: #564227;
            }

            table.download_table tr td {
                width: 20%;
                border-right: 1px solid #FFFFFF;
                border-bottom: 1px solid #FFFFFF;
            }

            table.download_table tr td a {
                background: #F0F2E6;
                display: block;
                padding: 3px 8px;
                border: none;
                color: #6BACBF;
                text-align: center;
            }

            table.download_table tr td a:hover {
                background: #E0E4CC;
            }


    /* Contents
    ----------------------------------------------- */

        table.contents_table {
            line-height: 25px;
            border-collapse: collapse;
            margin: 0 0 1em 0;
            width: 100%;
        }

            table.contents_table tr th {
                font-weight: normal;
                padding: 3px 8px;
                background: #E0E4CC;
                border-right: 1px solid #FFFFFF;
                border-bottom: 1px solid #FFFFFF;
                color: #564227;
            }

                table.contents_table tr th.contents_column {
                    width: 1%;
                    text-align: center;
                }

                table.contents_table tr th.contents_title {
                    width: 490%;
                }

                table.contents_table tr th.contents_author {
                    width: 30%;
                }

                table.contents_table tr th.contents_created {
                    width: 10%;
                }

                table.contents_table tr th.contents_updated {
                    width: 10%;
                }

            table.contents_table tr td {
                width: 20%;
                border-right: 1px solid #FFFFFF;
                border-bottom: 1px solid #FFFFFF;
                background: #F0F2E6;
                padding: 3px 8px;
            }

                table.contents_table tr td a {
                }

                table.contents_table tr td.contents_title {
                }

                table.contents_table tr td.contents_author {
                }

                table.contents_table tr td.contents_created {
                    white-space: nowrap;
                }

                table.contents_table tr td.contents_updated {
                    white-space: nowrap;
                }





    /* Messages
    ----------------------------------------------- */

        #message_wrapper {
            margin: 0 50px;
            text-align: left
        }

            #message_wrapper_inner {
                margin: 0;
                padding: 20px 0 0 0;
            }

            #message_wrapper ul {
                padding: 0;
                margin: 0 0 20px 0;
                padding: 20px;
                list-style: none;
                list-style-type: none;
            }

                #message_wrapper ul li {
                    margin: 0;
                    list-style: none;
                    list-style-type: none;
                    background-position: 0 3px;
                    background-repeat: no-repeat;
                    padding: 0 0 0 22px;
                    line-height: 20px;
                    color: #fff;
                }

                #message_wrapper ul li a {
                    color: #fff;
                    border-color: #fff;
                    }

                    #message_wrapper ul.messages_success {
                        background: #569054;
                    }

                        #message_wrapper ul.messages_success li {
                            background-image: url('/images/icons/tick.png');
                        }

                    #message_wrapper ul.messages_information {
                        background: #3d6dab;
                    }

                        #message_wrapper ul.messages_information li {
                            background-image: url('/images/icons/information.png');
                        }

                    #message_wrapper ul.messages_error {
                        background: #DC7872;
                        background: rgba(200, 0, 0, 0.5);
                    }

                        #message_wrapper ul.messages_error li {
                            background-image: url('/images/icons/error.png');
                        }

    /* Cheat Sheet Wrapper
    ----------------------------------------------- */

        table.cheat_sheet_output {
            margin: 0;
        }


    /* Content Preview
    ----------------------------------------------- */

        .cheat_sheet_output_wrapper {
            background: #E0E4CC;
            padding: 3px 0;
            margin-bottom: 12px;
            border-radius: 3px;
        }

            .cheat_sheet_output_block {
                background: #FFFFFF;
                border-top: 3px solid #E0E4CC;
            }

            .cheat_sheet_output_wrapper .cheat_sheet_note {
                margin: 0;
                padding: 3px 8px;
                border-top: 3px solid #E0E4CC;
            }

                .cheat_sheet_output_block table {
                    page-break-inside: avoid;
                    border-collapse: collapse;
                    margin: 0;
                    padding: 0;
                    width: 100%;
                }

                    .cheat_sheet_output_block tr {
                    }

                        .cheat_sheet_output_wrapper .cheat_sheet_output_title {
                            text-align: left;
                            padding: 3px 8px;
                            margin: 0;
                            color: #fff;
                        }

                        .cheat_sheet_output_block tr td {
                            padding: 3px 8px;
                        }

                            .cheat_sheet_output_block tr.altrow td, .cheat_sheet_note {
                                background: #F0F2E6;
                            }

            /* Layouts for different table types */

            .cheat_sheet_output_onecol .cheat_sheet_output_cell_right,
            .cheat_sheet_output_qanda .cheat_sheet_output_cell_right {
                display: none;
            }

            .cheat_sheet_output_onecol .answer_row,
            .cheat_sheet_output_twocol .answer_row,
            .cheat_sheet_output_twocolleft .answer_row,
            .cheat_sheet_output_twocoltinyleft .answer_row {
                display: none;
            }


    /* Edit Form
    ----------------------------------------------- */

        /*.edit_form {
            padding: 0;
            margin: 0;
        }

            .edit_form fieldset {
                border: 0;
                padding: 0;
            }

            .edit_form label {
            }

            .edit_form .wide_input, .edit_form textarea {
                width: 90%;
            }

            .edit_form .block_wrapper {
                margin-bottom: 2em;
            }*/

        .api {
            clear: both;
            margin: 22px 22px;
            background: #eeeeee;
        }

            .api_inner {
                padding: 3px 8px;
                font-size: 100%;
                padding: 3px 8px;
            }

            .api_inner {
                padding: 3px 8px;
            }

    .content_input_row {
        line-height: 50px;
        display: block;
        vertical-align: middle;
    }


    ul.sortable, #collectioncol {
        list-style-type: none;
        padding: 4px 4px 0 4px;
        margin: 0px;
        min-height: 10px;
        background-color: #F0F2E6;
    }

        #collectioncol li {
            position: relative;
            border: 1px solid #E0E4CC;
            background-color: #F0F2E6;
            margin: 0 0 4px 0;
        }

        ul.sortable li {
            position: relative;
            cursor:move;
            border: 1px solid #E0E4CC;
            background-color: #F0F2E6;
            margin: 0 0 4px 0;
        }

        #firstcol .addItem, #secondcol .addItem, #thirdcol .addItem {
            display: none;
        }

        #collectioncol .removeItem {
            display: none;
        }

    .adsense {
        text-align: center;
        padding: 20px 0 0 0;
        background: #fff;
    }



    /* Hover boxes
    ----------------------------------------------- */

    .hover_wrap {
        position: relative;
        white-space: nowrap;
        font-style: normal;
    }

    .hoverbox {
        padding: 0;
        position: absolute;
        top: -8px;
        left: -10px;
        font-size: 13px;
        font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
        line-height: 24px;
        background: #F9F9F9;
        color: #333333;
        -webkit-box-shadow: #333333 0 0 5px;
        -moz-box-shadow: #333333 0 0 5px;
        box-shadow: #333333 0 0 5px;
        z-index: 500;
        border-right: none;
    }

        .hoverbox ul {
            border-right: none;
        }

        .hoverbox div {
            display: block;
            border-right: none;
            float: none;
            margin: 0;
            padding: 0;
        }

    .hoverboxloading {
        background: #FFFFFF;
        -webkit-box-shadow: #333333 0 0 5px;
        -moz-box-shadow: #333333 0 0 5px;
        box-shadow: #333333 0 0 5px;
        padding: 10px;
        line-height: 1;
    }



    /* Comments
    ----------------------------------------------- */

        .commentblock {
            margin-bottom: 20px;
            background: #f9f9f9;
            color: #46473B;
            border-radius: 3px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            padding: 0;
        }
        .commentblock p {
            margin: 0 0 1em 0;
        }

        .commentreply {
            margin: 2em 15px 0 50px;
            padding: 0;
        }

        .commentthread {
            padding: 0;
        }

        .commentreply p {
            margin: 0;
        }

        .commentreply p.commenter {
            margin: 0 0 1em 0;
        }

            .commentreply #comment_form {
                margin: 0;
                padding: 0 0 2em 0;
            }

        .commenter {
            background: #eeeeee;
            color: #46473B;
            border-radius: 3px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            padding: 5px;
            line-height: 32px;
            vertical-align: middle;
        }

        .commenter img {
            vertical-align: middle;
        }

        p.commentext {
            margin: 0;
            padding: 0 1em 1em 1em;
        }



    /*
     * Formalize
     *
     * */

    /* `Widths
    ----------------------------------------------------------------------------------------------------*/

    .input_tiny {
        width: 50px;
    }

    .input_small {
        width: 100px;
    }

    .input_medium {
        width: 150px;
    }

    .input_large {
        width: 200px;
    }

    .input_xlarge {
        width: 250px;
    }

    .input_xxlarge {
        width: 300px;
    }

    .input_full {
        width: 100%;
    }

    /*
        Added via JS to <textarea> and class="input_full".
        Applies to IE6, IE7. Other browsers don't need it.
    */
    .input_full_wrap {
        display: block;
        padding-right: 8px;
    }

    /* `UI Consistency
    ----------------------------------------------------------------------------------------------------*/

    ::-moz-focus-inner {
        border: 0;
    }

    input[type="search"]::-webkit-search-decoration {
        display: none;
    }

    input,
    button,
    .button,
    select,
    textarea {
        margin: 0;
        vertical-align: middle;
    }

    .button, .button:hover, .button:link, .button:active, .button:visited,
    button,
    input[type="reset"],
    input[type="submit"],
    input[type="button"] {
        -webkit-appearance: none;
        -moz-border-radius: 11px;
        -webkit-border-radius: 11px;
        border-radius: 11px;
        background: #ddd url(/images/button.png) repeat-x;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #ddd));
        background: -moz-linear-gradient(top center, #fff 0%, #ddd 100%);
        border: 1px solid;
        border-color: #ddd #bbb #999;
        cursor: pointer;
        color: #333;
        font: bold 12px/1.2 Arial, sans-serif;
        outline: 0;
        overflow: visible;
        padding: 3px 10px 4px;
        text-shadow: #fff 0 1px 1px;
        width: auto;

        /* IE7 */
        *padding-top: 2px;
        *padding-bottom: 0px;
    }

    .button, .button:hover, .button:link, .button:active, .button:visited {
        -moz-box-shadow: #333 0 0 7px;
        -webkit-box-shadow: #333 0 0 7px;
        box-shadow: #333 0 0 7px;
    }

    button
    .button, {
        /* IE7 */
        *padding-top: 1px;
        *padding-bottom: 1px;
    }

    button[disabled],
    input[type="reset"][disabled],
    input[type="submit"][disabled],
    input[type="button"][disabled] {
        color: #888;
    }

    textarea,
    select,
    input[type="date"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="email"],
    input[type="month"],
    input[type="number"],
    input[type="password"],
    input[type="search"],
    input[type="tel"],
    input[type="text"],
    input[type="time"],
    input[type="url"],
    input[type="week"] {
        -webkit-appearance: none;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background-color: #fff;
        border: 1px solid #ccc;
        color: #000;
        outline: 0;
        padding: 2px 3px;
        font-size: 13px;
        font-family: Arial, sans-serif;
        height: 1.8em;

        /* IE7 */
        *padding-top: 2px;
        *padding-bottom: 1px;
        *height: auto;
    }

    /*
        Separate rule for Firefox.
        Cannot stack with WebKit's.
    */
    input.placeholder_text,
    textarea.placeholder_text {
        color: #888;
    }

    ::-webkit-input-placeholder {
        color: #888;
    }

    textarea[disabled],
    select[disabled],
    input[type="date"][disabled],
    input[type="datetime"][disabled],
    input[type="datetime-local"][disabled],
    input[type="email"][disabled],
    input[type="month"][disabled],
    input[type="number"][disabled],
    input[type="password"][disabled],
    input[type="search"][disabled],
    input[type="tel"][disabled],
    input[type="text"][disabled],
    input[type="time"][disabled],
    input[type="url"][disabled],
    input[type="week"][disabled] {
        background-color: #eee;
        color: #888;
    }

    button:focus,
    button:active,
    .button:focus,
    .button:active,
    input:focus,
    input:active,
    select:focus,
    select:active,
    textarea:focus,
    textarea:active {
        -moz-box-shadow: #06f 0 0 7px;
        -webkit-box-shadow: #06f 0 0 7px;
        box-shadow: #06f 0 0 7px;

        /* for Opera */
        z-index: 1;
    }

    .is_webkit select {
        /* Tweaks for Safari + Chrome. */
        background-image: url(/images/select_arrow.gif);
        background-repeat: no-repeat;
        background-position: right center;
        padding-right: 20px;
    }

    textarea,
    select[multiple] {
        height: auto;
    }

    select[multiple],
    .is_webkit select[multiple] {
        background-image: none;
        padding: 0;
    }

    textarea {
        overflow: auto;
        resize: vertical;
        width: 100%;
    }

    optgroup {
        color: #000;
        font-style: normal;
        font-weight: normal;
    }

    .pagination {
        text-align: center;
        margin: 20px 0 0 0;
        padding: 0 8px;
        line-height: 32px;
        background: #f0f2e6;
        color: #46473B;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
    }

    .pagination a.previous, .pagination a.next {
        margin: 0 20px;
    }



/* Tag select */
div.tagsinput {
    border:1px solid #CCC;
    background: #FFF;
    padding: 5px 5px 0 5px;
    overflow-y: auto;
    float: left;
    width: 188px;
}
div.tagsinput span.tag { border: 1px solid #cccccc; -moz-border-radius:2px; -webkit-border-radius:2px; display: block; float: left; padding: 5px; text-decoration:none; background: #f0f0ee; color: #666666; margin-right: 5px; margin-bottom:5px;font-family: helvetica;  font-size:13px;}
div.tagsinput span.tag a { font-weight: bold; color: #666666; text-decoration:none; font-size: 11px;  }
div.tagsinput input { width:80px; margin:0px; font-family: helvetica; font-size: 13px; border:1px solid transparent; padding:5px; background: transparent; color: #000; outline:0px;  margin-right:5px; margin-bottom:5px; }
div.tagsinput div { display:block; float: left; }
.tags_clear { clear: both; width: 100%; height: 0px; }
#cheat_sheet_tags, #cheat_sheet_tags:focus { box-shadow: none; }


    .biptych1 {
        float: left;
        width: 48.48%;
    }

    .biptych2 {
        float: right;
        width: 48.48%;
    }

    .tryptic1, .triptych1 {
        float: left;
        width: 32%;
        margin-right: 2%;
    }

    .tryptic2, .triptych2 {
        float: left;
        width: 32%;
    }

    .tryptic3, .triptych3 {
        float: right;
        width: 32%;
    }

    .trypticdbll, .triptychdbll {
        float: left;
        width: 66%;
    }

    .trypticdblr, .triptychdblr {
        float: right;
        width: 66%;
    }

    .topic-box-wrapper {
        float: left;
        width: 50%;
    }

    .topic-box {
        -moz-box-shadow: 1px 1px 3px #666;
        -webkit-box-shadow: 1px 1px 3px #666;
        box-shadow: 1px 1px 3px #666;
        -moz-border-radius: 3px;
        border-radius: 3px;
        height: 120px;
        position: relative;
    }

    .topic-title {
        position: absolute;
        bottom: 0;
        border-radius: 3px;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        background: #000;
        color: #ddd;
        opacity: 0.7;
        margin: 0;
        padding: 5px 8px;
    }

    .topic-home {
        margin: 0 5px 10px 0;
        background: #fff url('/images/topic-home.jpg') 50% 50% no-repeat;
    }

    .topic-office {
        margin: 0 0 10px 5px;
        background: #fff url('/images/topic-office.jpg') 50% 50% no-repeat;
    }

    .topic-travel {
        margin: 0 5px 0 0;
        background: #fff url('/images/topic-travel.jpg') 50% 50% no-repeat;
    }

    .topic-hobbies {
        margin: 0 0 0 5px;
        background: #fff url('/images/topic-hobbies.jpg') 50% 50% no-repeat;
    }

    .topic-link:hover .topic-box {
        -moz-box-shadow: 1px 1px 3px #333;
        -webkit-box-shadow: 1px 1px 3px #333;
        box-shadow: 1px 1px 3px #333;
    }


    /* FAQ */
    ul.faq {
        padding: 0;
    }

        .faq li {
            border-radius: 5px;
            padding: 10px 16px 10px 32px;
            background: url('/images/icons/help.png') 10px 12px no-repeat;
        }

            .faq li.active {
                background-color: #E0E4CC;
            }

            .faq h3 {
                cursor:pointer;
                padding: 0;
                margin: 0;
            }

            .faq p {
                display: none;
                margin: 10px 0 0 0;
            }



    .page_count {
        position: absolute;
        bottom: 5px;
        left: 5px;
        padding: 0 6px;
        line-height: 22px;
        background: #eee;
        color: #333;
        border: 1px solid #ccc;
        border: 1px solid rgba(100, 100, 100, 0.3);
    }

    .page_count span {
        display: none;
    }

    .page_count:hover span {
        display: inline;
    }
